{% extends "base.html" %}
{% block content %}


<div id="uploaddiv">
    <h3 style="margin-left: 70px;">Upload a Image sample</h3>
    <form id="upload-file" method="post" enctype="multipart/form-data">
        <label for="imageUpload" class="upload-label">
            Upload
        </label>
        
        <input type="file" name="file" id="imageUpload" accept=".png, .jpg, .jpeg">
    </form>
    <div class="image-section" style="display:none;">
        <div class="img-preview">
            <div id="imagePreview">
        </div>
    </div>
        <div>
            <button type="button" class="btn btn-primary btn-lg " id="btn-predict">Predict!</button>
        </div>
</div>
    
<div class="loader" style="display:none;"></div>
    
<h2 id="result">
    <span> </span>
</h2>
</div>



{% endblock %}